<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一拖（洛阳）柴油机有限公司 - 培训</title>
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css">
    <style>
        /* .bi{
            font-size: 50px;
        } */
    </style>
</head>

<body>
    <!-- 轮播图 -->
    <div class="container mt-2">
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="imgs/yto01.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="imgs/yto02.jpg" class="d-block w-100" alt="...">
                </div>
                <div class="carousel-item">
                    <img src="imgs/yto03.jpg" class="d-block w-100" alt="...">
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="container mt-2">
        <div class="row g-2">
            <!-- 左栏 -->
            <div class="col-md-5 col-lg-4 col-xl-3">
                <div class="login w-100 rounded border mb-2 py-2 px-2">
                    <!-- 在手机尺寸是显示 -->
                    <h1 class="text-success h4 text-center d-md-none">一拖（洛阳）柴油机有限公司</h1>
                    <h3 class="text-secondary h5 text-center d-md-none">业务培训管理系统</h3>
                    <!-- 登录区块 -->
                    <div class="input-group input-group-sm mb-2">
                        <label class="input-group-text" for="userID">账户</label>
                        <input type="text" class="form-control" id="userID">
                    </div>
                    <div class="input-group input-group-sm mb-2">
                        <label for="password" class="input-group-text">口令</label>
                        <input type="password" class="form-control" id="password">
                    </div>

                    <div class="d-flex justify-content-end m-0 p-0">
                        <a href="javascript:;" class="btn btn-outline-primary me-2" id="regBtn">注册</a>
                        <a href="javascript:;" class="btn btn-outline-primary me-2" id="questBtn">游客</a>
                        <a href="javascript:;" class="btn btn-primary" id="loginBtn">学员登录</a>
                    </div>
                </div>
            </div>
            <!-- 中栏 -->
            <div class="col-md-7 col-lg-5 col-xl-6 d-flex flex-column">
                <h1 class="text-success h3 text-center d-none d-md-block">一拖（洛阳）柴油机有限公司</h1>
                <h3 class="text-secondary h5 text-center d-none d-md-block">业务培训管理系统</h3>

                <div class="accordion" id="accordionExample">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <h5>服务站培训</h5>
                            </button>
                        </h2>
                        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p class="border-bottom mb-0"><a class="text-decoration-none"
                                        href="ExerciseProblems/exerciseProblemsSort.html"><strong>国四培训</strong> 顺序练习<i
                                                class="bi bi-three-dots ms-2"></i></a></p>
                                <nav class="navbar navbar-expand navbar-light bg-light mb-2">
                                    <ul class="nav navbar-nav">
                                        <li class="nav-item active">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsSortS.html"><i
                                                    class="bi bi-ui-radios-grid me-2"></i>单选题</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsSortM.html"><i
                                                    class="bi bi-ui-checks-grid me-2"></i>多选题</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsSortJ.html"><i
                                                    class="bi bi-check-square me-2"></i>判断题</a>
                                        </li>
                                    </ul>
                                </nav>
                                <p class="border-bottom mb-0"><a class="text-decoration-none"
                                        href="ExerciseProblems/exerciseProblems.html"><strong>国四培训</strong> 随机练习<i
                                                class="bi bi-three-dots ms-2"></i></a></p>
                                <nav class="navbar navbar-expand navbar-light bg-light">
                                    <ul class="nav navbar-nav">
                                        <li class="nav-item active">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsS.html"><i
                                                    class="bi bi-ui-radios-grid me-2"></i>单选题</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsM.html"><i
                                                    class="bi bi-ui-checks-grid me-2"></i>多选题</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="ExerciseProblems/exerciseProblemsJ.html"><i
                                                    class="bi bi-check-square me-2"></i>判断题</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingTwo">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                <h5>服务部培训</h5>
                            </button>
                        </h2>
                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <strong>This is the second item's accordion body.</strong> It is hidden by default,
                                until the collapse plugin adds the appropriate classes that we use to style each
                                element. These classes control the overall appearance, as well as the showing and hiding
                                via CSS transitions. You can modify any of this with custom CSS or overriding our
                                default variables. It's also worth noting that just about any HTML can go within the
                                <code>.accordion-body</code>, though the transition does limit overflow.
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingThree">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                <h5>模拟考试</h5>
                            </button>
                        </h2>
                        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                    <ul class="nav navbar-nav">
                                        <li class="nav-item active">
                                            <a class="nav-link" href="Test/test.html">国四模拟考试</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="javascript:;">国三模拟考试</a>
                                        </li>
                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <img src="holder.js/100px200?theme=vine" alt="holder图像" class="mt-2">
            </div>
            <!-- 右栏 -->
            <div class="col-lg-3 d-none d-lg-block">
                <img src="holder.js/100px200?theme=social" alt="holder图像">
            </div>
        </div>
    </div>
    <div class="container mt-2">
        <img src="holder.js/100px50" alt="">
    </div>
    <footer class="footer mt-2">
        <div class="container ">
            <div>
                <ul class="list-inline text-center bg-dark text-light">
                    <li>
                        许可证号：<a href="http://www.beian.miit.gov.cn">豫ICP备16021053号-1</a> | 豫公网安备 41030502000360号
                    </li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- <script src="js/jquery.min.js"></script> -->
    <script src="Bootstrap/js/bootstrap.min.js"></script>
    <script src="js/holder.js"></script>
    <script src="js/iconfont.js"></script>
    <script>
        document.getElementById("loginBtn").addEventListener('click', function () {
            alert("开发中...");
            // window.location.href="main.html";
            // http://wp.jsfw.net/cyjpx/ajax/exerciseProblemsDisplay.php    //获取培训题目

        })
    </script>
</body>

</html>